<template>
  <div class="tx">
    <div class="nz" @click="$router.push({name:'add'})">
        <img src="./image/shouye_icon_naozhong.png" alt="">
        <h3>妆品提醒</h3>
        <p>暂未添加任何妆品提醒</p>
    </div>
    <van-icon name="add-o" />
  </div>
</template>

<script>
export default {
    methods: {
        goNext(){
             this.$router.push({ name: "add" });
             console.log(1);
        }
    },

}
</script>

<style scoped>
    .tx{
        width: 43.625rem;
        height: 4.25rem;
        background: #F9FBFF;
        border-radius: 1.125rem 1.125rem 1.125rem 1.125rem;
        opacity: 1;
        display: flex;
        justify-content: space-between;
        margin-left: 1.5625rem;
        align-items: center;
        line-height: 4.25rem;
        margin-top: 1.25rem;
    }
    .nz{
        display: flex;
        width: 26rem;
        justify-content: space-around;
        /* border: 1px solid red; */
        align-items: center;
    }
    .nz img{
        width: 2.125rem;
        height: 2.25rem;
        margin-left: .625rem;
    }
    .nz h3{
        font-size: 1.5rem;
        font-family: PingFangSC-Medium-, PingFangSC-Medium;
        font-weight: normal;
        color: #484343;
    }
    .nz p{
        font-size: 1.25rem;
        font-family: PingFangSC-Regular-, PingFangSC-Regular;
        font-weight: normal;
        color: #000000;
    }
    .van-icon{
        font-size: 1.375rem;
        /* color: red; */
        font-weight: bold;
        margin-right: 1.875rem;
    }
</style>